<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>jQuery sample - Belgian Beer</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<link rel="stylesheet" href="style.css" type="text/css">
<script language="JavaScript"><!--
  function up(elm){
    elm.style.marginTop = "10px";
    elm.style.marginBottom = "30px";
  }
  function down(elm){
    elm.style.marginTop = "20px";
    elm.style.marginBottom = "20px";
  }
//--></script>
</head>

<body>
<h1>Belgian Beer</h1>
<div class="waku">
<img src="photo1.jpg" class="pop" onMouseOver="up(this)" onMouseOut="down(this)">
<img src="photo2.jpg" class="pop" onMouseOver="up(this)" onMouseOut="down(this)">
<img src="photo3.jpg" class="pop" onMouseOver="up(this)" onMouseOut="down(this)">
<img src="photo4.jpg" class="pop" onMouseOver="up(this)" onMouseOut="down(this)">
<img src="photo5.jpg" class="pop" onMouseOver="up(this)" onMouseOut="down(this)">
</div>
</body>

</html>